<%@page import="java.util.*;"%>
<%
	Calendar cal = new GregorianCalendar();
	int month = cal.get(Calendar.MONTH);
	int year = cal.get(Calendar.YEAR);
	int day = cal.get(Calendar.DAY_OF_MONTH);
	//System.out.println("Current date : " 
	//+ day + "/" + (month + 1) + "/" + year);
%>
<div>
<form action="">
<fieldset><legend>Select</legend>
<table width="100%" cellpadding="5px" cellspacing="20px">
	<tr>
		<td><label>Date:</label></td>
		<td><input type="text" name="dob"
			value="<%=year + "-" + (month + 1) + "-" + day%>" /> <a href="#"
			onClick="setYears(1947, 2022);showCalender(this, 'dob');"> <img
			src="images/calender.png"></a> <jsp:include
			page="/jsp/admin/calendar.jsp"></jsp:include></td>
		<td></td>
	</tr>
	<tr>
		<td></td>
		<td><input type="button" value="Show My Attendance" onclick="showStuAttReport1()" /></td>
	</tr>
</table>
</fieldset>
</form>
</div>
<div id="stuAttReport1" style="visibility: hidden;">
<form>
<fieldset><legend>Attendance Details</legend>
<table cellpadding="1px" cellspacing="20px">
	<tr>
		<td>February Attendance Percentage:</td>
		<td width="30%">
		<div style="border: 1px solid; width: 100%; height: 22px">
		<div
			style="float: left; text-align: center; border: 1px solid green; background-color: green; width: 80%; height: 20px">
		<b>80%</b></div>
		</div>
		</td>
		<td><input type="button" value="View Details" onclick="showStuAttReport2()" /></td>
	</tr>
</table>


<div id="stuAttReport2" style="height: auto;visibility: hidden; ">
<hr>
<table cellpadding="5px" cellspacing="50px" width="100%" height="300px"
	style="border-collapse: collapse; text-align: center;">
	<tr style="background-color: rgb(185, 201, 254)">
		<th>Monday</th>
		<th>Tuesday</th>
		<th>Wednesday</th>
		<th>Thursday</th>
		<th>Friday</th>
		<th>Saturday</th>
		<th>Sunday</th>
	</tr>
	<tbody style="background-color: rgb(208, 218, 253)">
		<tr>
			<td></td>
			<td></td>
			<td>1&nbsp;<input type="checkbox" checked="checked" disabled="disabled"/></td>
			<td>2&nbsp;<input type="checkbox" checked="checked"disabled="disabled" /></td>
			<td>3&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>4&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>5</td>
		</tr>
		<tr>

			<td>6&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>7&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>8&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>9&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>10&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>11&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>12</td>
		</tr>
		<tr>

			<td>13&nbsp;<input style="border: 1px solid red" type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>14&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>15&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>16&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>17&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>18&nbsp;<input type="checkbox" checked="checked"disabled="disabled" /></td>
			<td>19</td>
		</tr>
		<tr>
			<td>20&nbsp;<input type="checkbox"checked="checked"disabled="disabled" /></td>
			<td>21&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>22&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>23&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>24&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>25&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>26</td>
		</tr>
		<tr>

			<td>27&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>28&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td>29&nbsp;<input type="checkbox" checked="checked"disabled="disabled"/></td>
			<td></td>
			<td></td>
			<td></td>
			<td></td>
		</tr>

	</tbody>
</table>
</div>
</fieldset>
</form>
</div>
